<!-- ng-mouseenter="vm.show()" ng-mouseleave="vm.hide()" -->
<a href="javascript:;" class="cat-show-box" (click)="autoElement($event)" (mouseenter)="showElement($event)">
  <span class="cat-show-box-inner" >{{vm.selectText}}</span>
  <i class="fa fa-caret-down  cat-show-box-icon"></i>
</a>
<div class="itemInner itemInnerAll" style="left:-1px;top:36px;z-index: 109;display: none;" level="1">
  <div class="itemInnerBox" style="overflow-y: auto;max-height: 520px;">
    <!-- 一级 -->
    <ul class="service-catgroy">
      <li *ngFor="let item of tree">
        <a class="cp" [title]="item.label" (click)="branch(item,$event)">{{item.label}}<i class="fa fa-angle-right" *ngIf="!item.noLeaf"></i></a>
        <!-- 二级 -->
        <div class="itemInner" style="z-index: 169;display: none;" level="2">
          <div class="itemInnerBox">
            <ul class="service-catgroy-item2 service-catgroy">
              <li *ngFor="let item2 of item.children">
                <a class="cp" [title]="item2.label" (click)="branch(item2,$event)">{{item2.label}}<i class="fa fa-angle-right" *ngIf="!item2.noLeaf"></i></a>
                <div class="itemInner" style="z-index: 170;display: none;" level="3">
                  <div class="itemInnerBox">
                    <!-- 三级 -->
                    <ul class="service-catgroy service-catgroy-item2">
                      <li *ngFor="let item3 of item2.children">
                        <a class="cp" [title]="item3.label" (click)="branch(item3,$event)">{{item3.label}}<i class="fa fa-angle-right" *ngIf="!item3.noLeaf"></i></a>
                        <div class="itemInner" style="z-index: 171;display: none;" level="4">
                          <div class="itemInnerBox">
                            <!-- 四级 -->
                            <ul class="service-catgroy service-catgroy-item2">
                              <li *ngFor="let item4 of item3.children">
                                <a class="cp" [title]="item4.label" (click)="branch(item4,$event)">{{item4.label}}<i class="fa fa-angle-right" *ngIf="!item4.noLeaf"></i></a>
                                <div class="itemInner" style="z-index: 172;display: none;" level="5">
                                  <div class="itemInnerBox">
                                    <!-- 五级 -->
                                    <ul class="service-catgroy-item2 service-catgroy">
                                      <li *ngFor="let item5 of item4.children">
                                        <a class="cp" [title]="item5.label" (click)="branch(item5,$event)">{{item5.label}}<i class="fa fa-angle-right" *ngIf="!item5.noLeaf"></i></a>
                                        <div class="itemInner" style="z-index: 173;display: none;" level="6">
                                          <div class="itemInnerBox">
                                            <!-- 六级 -->
                                            <ul class="service-catgroy-item2 service-catgroy">
                                              <li *ngFor="let item6 of item5.children">
                                                <a class="cp" [title]="item6.label" (click)="branch(item6,$event)">{{item6.label}}<i class="fa fa-angle-right" *ngIf="!item6.noLeaf"></i></a>
                                              </li>
                                            </ul>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>



